@charset "utf-8";

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,em,b,br,section,header,footer,nav,menu,aside,audio,video,canvas,svg,details,figure,figcaption,summary,hgroup,pre,sub,sup,button,textarea,input{margin:0;padding:0;color:inherit;}
body{ color: #666666; background-color: #fff;  word-break: break-all; word-wrap:break-word; font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
a:hover{ background: none;}
a:focus, a:hover{ color: inherit;}
ul,ul li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;cursor: pointer;color:inherit; display: block; }
a:hover{text-decoration:none;outline:none; color: initial;}
a:focus{outline:none}
a:hover,a:active{outline:none}
a:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
img{max-width: 100%;height: auto;}
.wrapper{ width: 1200px; margin: 0 auto; padding: 1px 0; box-sizing: border-box; }

@media screen and (max-width:1250px){
    .wrapper{ width: 100%; padding: 0 20px; }
}
@media screen and (max-width:1000px){
    .wrapper{ width: 100%; padding: 0 10px;}
}


.left{ float: left;}
.right{ float: right;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
article p {font-size:14px; color:#333; line-height:30px;}
article img {max-width:100%;}
article p a,article p a:hover{ display:inline-block; color:#0899e0;}

.top {  z-index:999;   position: relative; } 
.top .icon-Language{cursor: pointer; font-size: 26px; color: #fff; display: block; margin-right: 10px;  }
.top .top_r { box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 40px; left: -37px;}
.top .top_r a { display:block; width: auto; white-space: nowrap; font-size:14px;color:#666;padding: 0 25px; height: 40px;line-height: 40px; text-align: center; background:#fff;}
.top .top_r a:last-child { border-right:none;}
.top .top_r a:hover { color:#25459f; } 


input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color: #333;  
  }  
  input:-moz-placeholder ,textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color: #333;  
  }  
  input::-moz-placeholder ,  textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color: #333;  
  }  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */  
    color: #333;  
  }  

  input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

/* 滚动条style */
html:not(.isMobile) *::-webkit-scrollbar { width: 6px; height: 6px; background: none; }
html:not(.isMobile) *::-webkit-scrollbar-thumb { background: #e7b81b; border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}


/* 常用felx弹性属性 */
.flex{  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; align-content: flex-start; }  
.order{ order:0; flex: 0 1 auto; align-self: auto; } /* align-self: auto | flex-start | flex-end | center | baseline | stretch; */

/* 单行溢出-多行溢出 */
/* .row{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;} */
.multi_row{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; }

/* 清除浮动 */
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
/* 进度条
    video::-webkit-media-controls-timeline {
        display: none;
    } */
    /* //所有控件
    video::-webkit-media-controls-enclosure{ 
      display: none;
    } */

header nav{background-color: #fff;height: 100%;}
/* header .flex{align-items: center;} 
header .flex a{padding: 0 30px;} */
.active{font-size: 16px;}
.iconnav{display: none;}
.closenav{display: none;}
.Video_display{overflow: hidden;}
.Video_display video{width: 100%;}
.brand ul{width: 100%;}
.brand ul li{border-radius: 12px;width: 30%;position: relative;transition: all 0.65s ease-in-out 0s;}
.brand ul li:hover .showdom{z-index: 1;opacity: 0.7;transition: all 0.65s ease-in-out 0s;}
.showdom{width: 100%;border-radius: 12px;height: 40%;background-color: rgb( 68, 68, 68 );padding: 20px 13px;box-sizing: border-box;position: absolute;bottom: 0;right: 0;z-index: -1;opacity: 0;}
.showdom :nth-child(1){font-size: 20px;color: rgb( 255, 255, 255 );font-weight: bold;text-align: center;margin-bottom: 5px;}
.showdom :nth-child(2) p{font-size: 14px;color: rgb( 204, 204, 204 );line-height: 20px;}
.brand ul{padding-bottom: 100px;}
.foot{padding: 30px 0;box-sizing: border-box;}
.foot-top{margin-bottom: 70px;}
.foot-top ul li{margin-right: 30px;}
.foot-top ul li a{font-size: 16px;color: rgb( 68, 68, 68 );}
.foot-top ul :nth-child(5){margin-right: 0px;}
.foot-top-right>.flex{justify-content: space-between;align-items: center;}
.phone{margin-left: 5px;}
.phone :nth-child(1){font-size: 24px;color: rgb( 68, 68, 68 );}
.phone :nth-child(2){font-size: 14px;color: rgb( 136, 136, 136 );}
.foot-top-right p{margin-top: 10px;font-size: 14px;color: rgb( 68, 68, 68 );}
.foot-bottom{position: relative;}
/* .youqinglianjie{width: 40%;}
.beianhao{width: 60%;} */
.foot-bottom::after{
  content: '';
  left: 0;
  position: absolute;
  bottom: 2px;
  width: 40%;
  height: 1px;
  background-color: rgb( 68, 68, 68 );
}
.foot-bottom :nth-child(1){font-size: 14px;color: rgb( 68, 68, 68 );}
.text{margin-right: 15px;position: relative;}
.text ::after{
  content: '';
  right: -8px;
  position: absolute;
  bottom: 2px;
  width: 1px;
  height: 72%;
  background-color: rgb( 68, 68, 68 );
}
@media screen and (max-width:930px){
.iconnav{display: block;}
.headnav{margin-right: 0; position: fixed;top: 80px;right: 0;width: 65%;height: 200px;flex-wrap: wrap;z-index: 100; overflow-y: scroll; transform: translate3d(100%, 0px, 0px); transition: all 0.65s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.95);
}
.nav-active{margin-right: 0;position: fixed;top: 60px;right: 0;width: 65%;height: 200px;flex-wrap: wrap;/* align-content: flex-start; */z-index: 100;overflow-y: scroll;transform: translate3d(0, 0px, 0px);transition: all 0.65s ease-in-out 0s;background-color: rgba(255, 255, 255, 0.95);
}
.headnav li{width: 100%;border-bottom: 1px solid #eee;line-height: 31px;}
.mobilenav{height: 100vh !important}
.mobilenav li{height: 30px;}
.logo{width: 80px;height: 30px;}
header .flex{height: 60px;align-items: center;} 
header nav{position: fixed ;top: 0;width: 100%;z-index: 999;}
/* .banner{margin-top: 60px;} */
}
.products>.flex{flex-direction: column;align-items: center;}
.title{font-size: 36px;color: rgb( 68, 68, 68 );font-weight: bold;margin-top: 100px;margin-bottom: 15px;}  
.en-title{ font-size: 18px;color: rgb( 136, 136, 136 );margin-bottom: 27px;}
.products ul li{width: 32%;box-sizing: border-box;overflow: hidden;border-radius: 20px;}
.products ul .flex{flex-direction: column;align-items: center;}
.products ul li img{border-radius: 20px;overflow: hidden;transition: all 0.65s ease-in-out 0s;}
.products ul li:hover img{ box-shadow: #eee 5px 5px 15px;opacity: 0.7;transform: scale(1.2); transition: all 0.65s ease-in-out 0s;}
.des{text-align: center;font-size: 20px;color: rgb( 68, 68, 68 );font-weight: bold;margin-top: 20px;margin-bottom: 8px;}
.en-des{font-size: 14px;color: rgb( 136, 136, 136 );text-align: center;}
@media screen and (max-width:768px){
  .jianjie{font-size: 16px;margin-top: 10px;}
    .title{margin-top: 40px;font-size: 18px;}
    .en-title{font-size: 16px;}
.des{font-size: 18px;}

}
.Video_display>.flex{flex-direction: column;align-items: center;}
.Video_display img{border-radius: 12px;}
.product-display{background-color: rgb( 245, 245, 245 );margin-top: 58px;padding-bottom: 100px;}
.product-display>.flex{flex-direction: column;align-items: center;}
.left{width: 50%;}
/* .right{width: 50%;overflow: hidden;} */
.case_show .right {width: 40%;}
/* .right img{width: 100%;overflow: hidden;} */
.left p{font-size: 20px;color: rgb( 68, 68, 68 );font-weight: bold;}
.left :nth-child(1){margin-bottom: 20px;}
.left :nth-child(2){margin-bottom: 0px;}
.left :nth-child(3){font-size: 14px;color: rgb( 136, 136, 136 );margin-bottom: 22px;}
.left :nth-child(4){font-size: 24px;color: rgb( 68, 68, 68 );font-weight: bold;margin-bottom: 23px;}
/* .left :nth-child(5){font-size: 16px;color: rgb( 68, 68, 68 );border: 1px solid rgb( 204, 204, 204 );background-color:rgb( 245, 245, 245 );border-radius: 12px;padding: 12px 70px;width: 15%;} */
@media screen and (max-width:895px){
  .product-display{padding-bottom: 50px;}
.left{width: 100%;}
.right{width: 100%;}
.right img{width: 100%;}
.left p{font-size: 20px;color: rgb( 68, 68, 68 );font-weight: bold;text-align: center;}
.left :nth-child(1){margin-bottom: 15px;text-align: center;}
.left :nth-child(2){margin-bottom: 50px;text-align: center;}
.left :nth-child(3){font-size: 14px;color: rgb( 136, 136, 136 );margin-bottom: 22px;text-align: center;}
.left :nth-child(4){font-size: 24px;color: rgb( 68, 68, 68 );font-weight: bold;margin-bottom: 23px;text-align: center;}
.left :nth-child(5){margin: 0 auto 10px; font-size: 16px;color: rgb( 68, 68, 68 );border: 1px solid rgb( 204, 204, 204 );background-color:rgb( 245, 245, 245 );border-radius: 12px;text-align: center;padding: 10px 40px;width: 20%;margin-bottom: 10px;}
}
.right ul li figure{overflow: hidden;}
.right img{transition: all 0.65s ease-in-out 0s;}
.right ul li:hover img{ box-shadow: #eee 5px 5px 15px;opacity: 0.7;transform: scale(1.2);transition: all 0.65s ease-in-out 0s; }
.list{margin-top: 60px;flex-wrap: wrap;}
.list .flex{flex-direction: column;align-items: center;}
.list li{width: 23%;margin-bottom: 14px;}
.list h2{font-size: 20px;color: rgb( 68, 68, 68 );font-weight: bold;margin-top: 16px;margin-bottom: 10px;}
.list h3{font-size: 14px;color: rgb( 136, 136, 136 );}
@media screen and (max-width:895px){
    .list li{width: 48%;}
    .show>.flex{flex-wrap: wrap;}
.list h3{font-size: 12px;margin-bottom: 12px;}
.list h2{font-size: 18px;margin-top: 22px;}
.list{margin-top: 40px;}
}
.list li img {transition: all 0.65s ease-in-out 0s;}
.list li:hover img {opacity: 0.7;transform: scale(1.1); transition: all 0.65s ease-in-out 0s;}
.about-us>.flex{flex-direction: column;align-items: center;}
.about-left{width: 49%;}
.about-left img{width: 100%;}
.about-right{width: 49%;}
.about-right :nth-child(1){font-size: 28px;color: rgb( 68, 68, 68 );font-weight: bold;}
.about-right :nth-child(2) p{font-size: 14px;color: rgb( 136, 136, 136 );line-height: 22px;margin-top: 34px;line-height: 1.6;}
.about-right :nth-child(3) div{font-size: 16px;color: rgb( 68, 68, 68 );border: 1px solid rgb( 204, 204, 204 );background-color:rgb( 245, 245, 245 );border-radius: 12px;text-align: center;padding: 10px 5px;width: 20%;margin-bottom: 10px;}
@media screen and (max-width:895px){
.about-us-content>.flex{flex-wrap: wrap}
.about-left{width: 100%;}
.about-right{width: 100%;}
.about-right :nth-child(1){text-align: center;}
.about-right :nth-child(2){text-align: left;margin-bottom: 50px;width: 100%;}
.about-right :nth-child(3) div{margin: 0 auto;}
.showdom :nth-child(1){font-size: 16px;}
.showdom :nth-child(2){font-size: 12px;}
.showdom{padding: 15px 13px}
}
.brand>.flex{flex-direction: column;align-items: center;}
@media screen and (max-width:1036px){
  .foot-bottom::after{
    width: 30%;
  }
}
@media screen and (max-width:895px){
  .brand ul {
    padding-bottom: 50px;
}
@media screen and (max-width:768px){
  .case_show .right {width: 100%;}
}
  .showdom{opacity: 0.8;z-index: 2;}
  .brand ul{flex-wrap: wrap;}
  .brand ul li{width: 100%;}
  .brand ul li img{width: 100%;}
  .foot ul{display: none;}
  .foot-top-right{width: 100%; }
  .foot-top-right p{width: 100%; margin: 0 auto;text-align: center;}
  .foot-top-right>.flex{justify-content: center;margin-bottom: 10px;}
  .kong{display: none;}
  .foot-top{margin-bottom: 30px;}
  .foot-bottom{flex-direction: column;    align-items: center;}
  .beianhao :nth-child(2){font-size: 14px;margin-top: 10px;text-align: center;}
  .beianhao :nth-child(1){margin-top: 10px;}
  .youqinglianjie{width: 100%;justify-content: center;}
  .foot-bottom::after {
    width: 55%;
    left: 80px;
}
}
.foot{background: #eee;}
.customContent  p{line-height: 1.6;}
.showdom :nth-child(2) p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3;}